<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<tc_include file="Public:head" />
	<link href="__TMPL__Public/css/slippry/slippry.css" rel="stylesheet">
		<style>
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
			}
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				.caption-wraper{left:0;bottom: 0.4em;}
				.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
    <title>金台信合</title>
</head>
<body>

	<tc_include file="Public:nav" />

	<!--轮播-->
	<php>
	   $home_slides=sp_getslide("banner");
	   $home_slides=empty($home_slides)?$default_home_slides:$home_slides;
	</php>
	<ul id="homeslider" class="unstyled">
		<foreach name="home_slides" item="vo">
		<li>
			<a href="{$vo.slide_url}"><img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt=""></a>
		</li>
		</foreach>
	</ul>


	<!--广告区-->
	<div class="container">                
      <img src="__TMPL__Public/images/adver.png" class="img-responsive" alt="Cinque Terre" width="100%" height="110"> 
    </div>


	<!--主要内容区-->
	<div class="wrapper">

		<div class="container border-bot">
		   <div class="row">
		      <div class="col-md-4">
		      	<div class="business">
					<ul>
						<li><a href="" class="busi_01">个人业务</a></li>
						<li><a href="" class="busi_02">公司业务</a></li>
						<li><a href="" class="busi_03">银行卡业务</a></li>
					</ul>
				</div>
		      </div>
		      <div class="col-md-8">
		      	<div class="row">
		      		<div class="col-md-6">
		      			<div class="news_focus">
							<img src="__TMPL__Public/images/news.jpg" alt="">
						</div>
		      		</div>
		      		<div class="col-md-6">
		      		<php>
					   $terms = sp_get_term(3);
					   $nav = sp_get_menu_tree($id="2");
					</php>
					<foreach name="terms" item="vo">
						
							{$vo.terms}
						
					</foreach>
						<span class="big-title">{$terms.name}</span>
						<br>
						<span class="lit-title">NEWS</span>
						<ul class="news_ul">
							<li><a href=""><strong>这里是新闻资讯的简要标题</strong></a>
								<span>2016.03.25</span>
							</li>
							<li><a href=""><strong>这里是新闻资讯的简要标题</strong></a>
								<span>2016.03.25</span>
							</li>
							<li><a href=""><strong>这里是新闻资讯的简要标题</strong></a>
								<span>2016.03.25</span>
							</li>
							<li><a href=""><strong>这里是新闻资讯的简要标题</strong></a>
								<span>2016.03.25</span>
							</li>
							<li><a href=""><strong>这里是新闻资讯的简要标题</strong></a>
								<span>2016.03.25</span>
							</li>
						</ul>
						<span class="more-p"><a href="">MORE+</a></span>
		      		</div>
		      	</div>
		      </div>      
		   </div>
		</div>
        <php>
	      $terms = sp_get_term(4);
		</php>
		<div class="container border-bot">
			<span class="big-title title-center">{$terms.name}</span>
			<span class="lit-title title-center">OTHERS</span>
			<div class="row">
				<div class="col-md-4">
					<ul>
						<li><img src="__TMPL__Public/images/others.png" alt="">
						<span class="others_header">
						<php>
					      $terms = sp_get_term(6);
						</php>
							<a href="" class="others_title">{$terms.name}</a>
							<a href="" class="others_more">查看更多</a>
						</span>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						</li>
					</ul>
				</div>
				<div class="col-md-4">
					<ul>
						<li><img src="__TMPL__Public/images/others.png" alt="">
						<span class="others_header">
							<a href="" class="others_title">农信资讯</a>
							<a href="" class="others_more">查看更多</a>
						</span>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						</li>
					</ul>
				</div>
				<div class="col-md-4">
					<ul>
						<li><img src="__TMPL__Public/images/others.png" alt="">
						<span class="others_header">
							<a href="" class="others_title">农信资讯</a>
							<a href="" class="others_more">查看更多</a>
						</span>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						<p class="others-p"><a href="">这里是标题</a><span class="others-date">2016.03.25</span></p>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="container coope">
		<div class="cooperation   border-bot">
			<span class="big-title title-center">名企合作</span>
			<span class="lit-title title-center">COOPERATION</span>
			<div id="wrapper">
				<figure>
				<div class="mis-stage">
					<!-- The element to select and apply miSlider to - the class is optional -->
					<ol class="mis-slider">
						<!-- The slider element - the class is optional -->
						<li class="mis-slide">
							<!-- A slide element - the class is optional -->
							<a href="#" class="mis-container">
								<!-- A slide container - this element is optional, if absent the plugin adds it automatically -->
								<figure>
									<!-- Slide content - whatever you want -->
									<img src="__TMPL__Public/images/garden01.jpg" alt="Pink Water Lillies">
									<figcaption>Pink Water Lillies</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden02.jpg" alt="Pond with Lillies">
									<figcaption>Pond with Lillies</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden03.jpg" alt="Hidden Pond">
									<figcaption>Hidden Pond</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden04.jpg" alt="Shrine">
									<figcaption>Shrine</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden05.jpg" alt="White Water Lillies">
									<figcaption>White Water Lillies</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden06.jpg" alt="Garden Walkway">
									<figcaption>Garden Walkway</figcaption>
								</figure>
							</a>
						</li>
						<li class="mis-slide">
							<a href="#" class="mis-container">
								<figure>
									<img src="__TMPL__Public/images/garden07.jpg" alt="Lilly with Bee">
									<figcaption>Lilly with Bee</figcaption>
								</figure>
							</a>
						</li>
					</ol>
				</div>
			</div>
		</div>

		<div class="activities">
			<span class="big-title title-center" style="margin-top:10px;">员工活动</span>
			<span class="lit-title title-center">ACTIVITIES</span>
			<div class="row">
				<div class="col-md-12">
					<div class="indexmaindiv" id="indexmaindiv">
						<div class="indexmaindiv1 clearfix" >
						<div class="stylesgoleft" id="goleft"></div>
							<div class="maindiv1 " id="maindiv1">
								<ul id="count1">
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/1.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/2.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/3.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/4.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/5.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/6.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/7.jpg" /></a></div>
											<div class="teanames">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/8.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/1.jpg" /></a></div>
											<div class="teanames"><a href="">活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/2.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/3.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/4.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/5.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/6.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/7.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
									<li>
										<div class="playerdetail">
											<div class="detailimg"><a href=""><img src="__TMPL__Public/images/areabackground/8.jpg" /></a></div>
											<div class="teanames"><a href="">乐活动标题</a></div>
										</div>
									</li>
								</ul>
							</div>
							<div class="stylesgoright" id="goright"></div>
						</div>
						</div>
				</div>
			</div>
		</div>

	</div>


		
	</div>
	<!--footer-->
	<tc_include file="Public:footer"/>

	<div class="right_side">
		<ul>
			<li><a href=""><img src="__TMPL__Public/images/weixin.png" alt="">微信</a>
				<span><img src="__TMPL__Public/images/erweima.png" alt=""></span>
			</li>
			<li><a href=""><img src="__TMPL__Public/images/weixin.png" alt="">微信</a>
				<span><img src="__TMPL__Public/images/erweima.png" alt=""></span>
			</li>
			<li><a href=""><img src="__TMPL__Public/images/weixin.png" alt="">微信</a>
				<span><img src="__TMPL__Public/images/erweima.png" alt=""></span>
			</li>
		
		</ul>
	</div>

	
	
<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/js/slippry.min.js"></script>
<script>
$(function() {
	var demo1 = $("#homeslider").slippry({
		transition: 'fade',
		useCSS: true,
		captions: false,
		speed: 1000,
		pause: 3000,
		auto: true,
		preload: 'visible'
	});
});
</script>
{:hook('footer_end')}
</body>
</html>